# Анимация «Кешбэк начислен» (Lottie)

Сейф открывается, из двери выходит свет, вылетают монеты. Фон прозрачный.
Холст 600×600, 60 к/с, 432 кадра (7,2 с).

## Файлы

| Файл | Fonbet | Pari | Когда брать |
|---|---|---|---|
| `vip-safe-success.json` / `vip-safe-success-pari.json` | 379 КБ | 377 КБ | основной, картинки в WebP (iOS 14+, Android 4.3+) |
| `vip-safe-success-png.json` / `vip-safe-success-pari-png.json` | 557 КБ | 530 КБ | если нужна поддержка iOS 13 |
| `vip-safe-success.lottie` / `vip-safe-success-pari.lottie` | 153 КБ | 150 КБ | если плеер поддерживает dotLottie |

Анимации Fonbet и Pari одинаковые по таймингам и размерам, отличаются цветом.

Работает в lottie-ios 4+ и lottie-android 6+.

## Размер на экране

| | Вью | Сейф |
|---|---|---|
| Десктоп | 600×600 pt | 230 pt |
| Мобилка | 510×510 pt | 196 pt |

Центр вью совпадает с центром сейфа. Вью лежит под заголовком, суммой и кнопкой.

## Метки

| Метка | Кадры | Что |
|---|---|---|
| `intro` | 0–192 (3,2 с) | штурвал, дверь, свет, монеты |
| `loop` | 192–432 (4 с) | лучи, пыль, искры |

## Как проигрывать

1. Подготовить анимацию, пока на кнопке «Забрать» крутится загрузка.
2. После успешного ответа показать затемнение и проиграть `intro`.
3. Дальше крутить `loop`. При закрытии экрана остановить.
4. Если включено «Уменьшить движение» (iOS) или «Удалить анимации» (Android), сразу показать кадр 192.
5. Android: `setRenderMode(RenderMode.HARDWARE)`.

## Что делается в коде

Время от начала `intro`:

| Время | Что |
|---|---|
| 0 с | затемнение black 64%, blur 16, появление 0,28 с |
| 0,08 с | заголовок «Кешбэк начислен»: появление и подъём на 8 pt, 0,45 с |
| 1,70 с | сумма с иконкой типа: появление и подъём 0,45 с, счёт от 0 за 0,8 с (ease-out cubic) |
| 1,90 с | кнопка «Отлично»: появление 0,4 с |

Два типа кешбэка: обе суммы в строку через разделитель.

## Проверить перед релизом

- Слабый Android (2–3 ГБ ОЗУ). Если не держит 60 к/с, проигрывать в 30 к/с.
- iPhone с iOS 14–15.